<template>
    <footer class="footer">
      <p>&copy; {{ currentYear }} Smart Story. All rights reserved.</p>
    </footer>
  </template>
  
  <script setup>
  import { ref } from 'vue'
  
  const currentYear = ref(new Date().getFullYear())
  </script>
  
  <style scoped>
  .footer {
    padding: 0.1rem;
    text-align: center;
    border-top: 1px solid #e0e0e0;
    color: #666;
  }
  </style>